/**
 * Copyright 2018-2019 Streamlit Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import "src/assets/css/variables";
@import "src/assets/css/mixins";

body.embedded {
  overflow: hidden;
}

body.embedded:hover {
  overflow: auto;
}

a,
a:visited {
  color: $primary;
}

a:hover,
a:active {
  color: $primary;
  text-decoration: underline;
}

iframe {
  border: none;
  padding: 0;
  margin: 0;
}

code {
  padding: 0.2em 0.4em;
  margin: 0;
  border-radius: $border-radius;
  background: $gray-faint;
  color: $green;
}

pre {
  @include element-margin-bottom;

  background: $gray-faint;
  border-radius: $border-radius;
  padding: 1rem;

  code {
    background: transparent;
    border: 0;
    display: inline;
    font-size: $font-size-sm;
    line-height: inherit;
    margin: 0;
    max-width: auto;
    padding: 0;
    white-space: pre;
    word-break: normal;
    word-wrap: normal;
    overflow-x: auto;
    color: $green;
  }
}

.stApp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.progress {
  background-color: $gray-lightest;
}

.progress-bar {
  background-color: $blue;
}

.icon {
  width: 0.9rem;
  height: 0.9rem;
}

.bash::before {
  content: "$";
  margin-right: 1ex;
}

// Utility class for underlining first letter in a text
.underlineFirstLetter::first-letter {
  text-decoration: underline;
}

@media print {
  .stApp {
    float: none;
    height: 100%;
    position: static;
    overflow: visible;

    .reportview-container {
      display: block;
      float: none;
      height: 100%;
      position: static;
      overflow: visible;

      .main {
        @-moz-document url-prefix() {
          display: block;
        }

        overflow: visible;
      }

      .element-container {
        @-moz-document url-prefix() {
          display: block;

          .table {
            th {
              font-weight: normal;
            }
          }
        }

        overflow: visible;
      }
    }
  }
}
